<html lang="en">
<head>
  <meta charset="UTF-8"></meta>
  <title>遇到宝可梦</title>
  <style>
    .container {
      border: black 10px solid;
      border-radius: 25px;
      position: relative;
      border-bottom: black 40px solid;
    }
    .container::before {
      content: "WARFRAME · BOT · POKE · 寻找宝可梦";
      position: absolute;
      font-size: 30px;
      bottom: -35px;
      color: #ffffff;
    }
  </style>
</head>
<body>
<div class="container">
  <table style="width: 100%;">
    <tr>
      <td style="text-align: center;font-size: 35px;" colspan="3">
        恭喜你遇到宝可梦以下宝可梦
      </td>
    </tr>
    <tr>
      <#list pokeList as poke>
      <td style="border: black 10px solid;border-radius: 25px;text-align: center;font-size: 35px;" colspan="1">
        <table width="400">
          <tr>
            【${poke.pokeName}】
          </tr>
          <tr>
            <td style="text-align: center;">
              <img src="${poke.imgUrl}" width="300" height="300"></img>
            </td>
          </tr>
          <tr>
            <td style="text-align: center;">
              <#if poke.attribute1??>【${poke.attribute1}】</#if>
              <#if poke.attribute2??>【${poke.attribute2}】</#if>
          </td>
          </tr>
          <tr>
            <td style="text-align: left;">
              发送：捕捉 ${poke.pokeName}
            </td>
          </tr>
        </table>
      </td>
      </#list>
    </tr>
  </table>
</div>
</body>
</html>